<!--------- SITE CUSTOM CSS ------->
<link href="css/site.css" rel="stylesheet" />
<!--------- Jquery Library  ------->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<!--------- Jquery Validation Plugin------->
<script type="text/javascript" src="js/jquery.validate.js"></script>
<!--------- Jquery Custom code for validation ------->
<script type="text/javascript" src="js/jquery.register.js"></script>

<!-- form start -->
<form action="" method="post" id="registerFormId">


  <table cellspacing="0" cellpadding="0" border="0" width="60%" align="center">
    <thead>
      <tr>
        <th colspan="2">Please fill the details</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td align="right">Name :</td>
        <td>
          <input
          type="text"
          name="uname"
          maxlength="50"
          size="20"
          oncopy="return false"
          onpaste="return false"
          autocomplete="off"
          id="unameId"
          placeholder="My name is"
          ></td>
      </tr>

      <tr>
        <td align="right">Email :</td>
        <td><input type="email" autocomplete="off" name="email" id="emailId"  placeholder="My email is"></td>
      <tr>

      <tr>
        <td align="right">Password :</td>
        <td><input type="password" placeholder="My password is" name="password" id="passwordId" ></td>
      </tr>

      <tr>
        <td align="right">Confirm Password :</td>
        <td><input type="password" name="cpassword" placeholder="Confirm Password" id="cpasswordId" ></td>
      </tr>

      <tr>
        <td align="right">Gender :</td>
        <td>
          <label><input  type="radio" value="m" name="gender">Male</label>
          <label><input  type="radio" value="f" name="gender">Female</label>
          <label for="gender" class="error"></label>
        </td>
      </tr>

      <tr>
        <td align="right">Date Of Birth :</td>
        <td><input placeholder="YYYY-MM-DD"  type="date" name="dob" id="dobId" /></td>
      </tr>

      <tr>
        <td align="right">Address :</td>
        <td><textarea placeholder="My address is"  name="address" id="addressId" rows="5" cols="20"></textarea></td>
      </tr>

      <tr>
        <td align="right">Country :</td>
        <td>
          <select name="country">
            <option value="">-SELECT-</option>
            <option value="in">India</option>
            <option value="pk">Pakistan</option>
            <option value="np">Nepal</option>
            <option value="bn">Bangladesh</option>
            <option value="ch">China</option>
          </select>
        </td>
      </tr>

      <tr>
        <td align="right">Languages Known :</td>
        <td>
          <select name="lang[]" multiple>
            <option value="hi">Hindi</option>
            <option value="en">English</option>
            <option value="tm">Tamil</option>
            <option value="gj">Gujrati</option>
            <option value="mh">Marathi</option>
          </select>
        </td>
      </tr>

      <tr>
        <td align="right">Hobbies :</td>
        <td>
          <label><input  type="checkbox" value="ck" name="hobbies[]">Cricket</label>
          <label><input  type="checkbox" value="bd" name="hobbies[]">Badminton</label> <br>
          <label><input  type="checkbox" value="hk" name="hobbies[]">Hockey</label>
          <label><input  type="checkbox" value="st" name="hobbies[]">Study</label>
          <label for="hobbies[]" class="error"></label
        </td>
      </tr>

      <tr>
        <td align="right">Avatar :</td>
        <td><input type="file" name="avatar"  /></td>
      </tr>

      <tr>
        <td align="right">&nbsp;</td>
        <td><input type="submit" value="I am done!!" /></td>
      </tr>

    </tbody>
  </table>

</form><!-- form end -->
